<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>平板电脑</title>
		<link rel="stylesheet" type="text/css" href="css/main.css">
		<link rel="stylesheet" type="text/css" href="css/jquery.jqplot.css">
		<script language="javascript" src="js/jquery-1.5.2.min.js"></script>
	</head>
	<body>
		<div class="tab_box">
			<div class="left_btn">
				<div class="btn_list">
					<ul id="three_btn">
					<li class="hover" id="nowWarn">当前告警</li>
					<li id="historyWarn">历史告警 </li>
					<li id="analysis">性能分析</li>
					</ul>
				</div>
			</div>
			<div class="mainPanel">
				<div id="nowWarnPanel">
					<div style="height:auto" class="TabbedPanels">
						<ul>
							<li tabindex="0">三级</li>
							<li tabindex="0">二级</li>
							<li tabindex="0">一级</li>
						</ul>
						<div style="height:420px" class="TabbedPanelsContentGroup">
							<div align="center" class="menuPanel">
							  <div class="list">告警名称</div>
							  <div class="list">告警名称</div>
							  <div class="list">告警名称</div>
							  <div class="list">告警名称</div>
							</div>
							<div align="center" class="msgPanel">
								<table style="width:95%;margin-top:5px" border="1">
									  <tr>
										<td class="tableLeft" align="center">流水号</td>
										<td class="tableRight" align="center">&nbsp;</td>
									</tr>
									  <tr>
										<td class="tableLeft" align="center">网元名称</td>
										<td class="tableRight" align="center">&nbsp;</td>
									</tr>
									  <tr>
										<td class="tableLeft" align="center">网元类型</td>
										<td class="tableRight" align="center">&nbsp;</td>
									</tr>
									  <tr>
										<td class="tableLeft" align="center">告警名称</td>
										<td class="tableRight" align="center">&nbsp;</td>
									</tr>
									  <tr>
										<td class="tableLeft" align="center">详细信息</td>
										<td class="tableRight" align="center">&nbsp;</td>
									</tr>
									  <tr>
										<td class="tableLeft" align="center">发生时间</td>
										<td class="tableRight" align="center">&nbsp;</td>
									</tr>
								</table>
							</div>
						</div>
					</div>
				</div>
				<div id="historyWarnPanel"></div>
				<div id="analysisPanel" style="display:none">
					<div class="msgLeft">
					<div>设备A</div>
					<div>设备B</div>
					<div>设备C</div>
					<div>设备D</div>
					<div>设备E</div>
					<div>设备F</div>
					</div>
					<div class="msgRight">
						<div id="drawChart"></div>
					</div>
				</div>
				<div class="bottombtn">
					<div style="width:100%;height:auto" class="menuList">
						<div class="menu">
						  <div class="btn">
							<a class="btnlist" href="#">编辑</a>
							<div class="editBtn">
							  <div class="norBtn">确定</div>
							  <div class="norBtn">删除</div>
							  <div class="comBtn">完成</div>
							</div>							
						  </div>
						</div>
						<div class="menu">
							<div class="btn">
								<a class="btnlist" href="#">图表</a>
								<div class="chartview">
									<div>折线图</div>
									<div>扇形图</div>
									<div>条形图</div>
								</div>							
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script language="javascript" src="js/main.js"></script>
	<script type="text/javascript" src="js/jquery.jqplot.min.js"></script>
</html>